文章通過(guò)了簡(jiǎn)短的介紹和圖片,列舉出Web2.0流行風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)中的15要素。作者也提示不必要在一個(gè)設(shè)計(jì)中應(yīng)用下列所有的元素,掌握何時(shí)用和如何使用才是關(guān)鍵。
1.簡(jiǎn)約
2.居中布局
3.不要過(guò)多使用豎列布局
4.頁(yè)面頭部和主體有所分離
5.明顯的區(qū)域分界
6.簡(jiǎn)約的導(dǎo)航欄
7.粗體字的LOGO
8.文本大些
9.更大的內(nèi)容主題和簡(jiǎn)介文字
10.明亮、強(qiáng)烈的顏色
11.3D質(zhì)感
12.使用漸變色
13.高光和投影
14.精美的ICON
15.多角星標(biāo)簽
1.簡(jiǎn)約:
至于簡(jiǎn)約的風(fēng)格,對(duì)于我們來(lái)說(shuō)不是必要的一種推行,需要根據(jù)網(wǎng)站的目地進(jìn)行定位。設(shè)計(jì)師如何協(xié)調(diào)網(wǎng)站的定位和客戶需求之間的關(guān)系,完成工作是最關(guān)鍵。
2.居中布局
居中布局很容易做到,而且已經(jīng)成為了默認(rèn)模式。
3.不要過(guò)多使用豎列布局
幾年前,3、4列的布局盛行,如今2列布局比較普遍,3列已是最大限度了。
4.頁(yè)面頭部和主體有所分離
將頁(yè)面的Top/Header在設(shè)計(jì)上與主體內(nèi)容部分有所區(qū)分,可以在視覺(jué)、顏色等諸方面。這樣可以讓用戶更清楚頁(yè)面是從哪里開始的。讓其簡(jiǎn)約一些,加入粗體LOGO會(huì)看起來(lái)非常"2.0"。
5.明顯的區(qū)域分界
讓Header,Content,Banner.....這些區(qū)域分界明顯一些,顏色區(qū)塊、留白、表格、邊線都是手段。
6.簡(jiǎn)約的導(dǎo)航欄
做一個(gè)簡(jiǎn)約的條狀全站航欄放在每一個(gè)頁(yè)面上,最好用區(qū)別與正文的顏色和字體。讓用戶知道:這里有什么、這是什么地方、我還可以去什么地方。
7.粗體字的LOGO
用一個(gè)清晰的大LOGO,來(lái)傳遞你是誰(shuí)或主題。